// GameControllerIconAlternative.tsx
import React from 'react';

interface GameControllerIconProps {
  size?: number;
  color?: string;
  className?: string;
}

const GameControllerIconAlternative: React.FC<GameControllerIconProps> = ({
  size = 24,
  color = 'currentColor',
  className = '',
}) => {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      {/* 手柄主体 - 更圆润的设计 */}
      <path
        d="M19 6H5C3.89543 6 3 6.89543 3 8V16C3 17.1046 3.89543 18 5 18H19C20.1046 18 21 17.1046 21 16V8C21 6.89543 20.1046 6 19 6Z"
        stroke={color}
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
        rx="2"
      />
      
      {/* 左侧摇杆区域 */}
      <circle
        cx="8"
        cy="12"
        r="2"
        stroke={color}
        strokeWidth="1.2"
        fill="none"
      />
      <circle
        cx="8"
        cy="12"
        r="0.8"
        fill={color}
      />
      
      {/* 右侧动作按钮 */}
      <circle
        cx="16.5"
        cy="10"
        r="1.2"
        fill={color}
      />
      <circle
        cx="16.5"
        cy="14"
        r="1.2"
        fill={color}
      />
      
      {/* 方向键 - 十字设计 */}
      <path
        d="M11 9H13M12 8V10"
        stroke={color}
        strokeWidth="1.5"
        strokeLinecap="round"
      />
      
      {/* 开始/选择按钮 */}
      <circle
        cx="10.5"
        cy="15"
        r="0.6"
        fill={color}
      />
      <circle
        cx="13.5"
        cy="15"
        r="0.6"
        fill={color}
      />
      
      {/* LED指示灯 */}
      <circle
        cx="19"
        cy="9"
        r="0.5"
        fill="#4ADE80"
      />
    </svg>
  );
};

export default GameControllerIconAlternative;